---
layout: common 
title: 第三方插件演示 
description: 第三方插件演示
keywords: 第三方插件演示
isArchive: true
---

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第三方插件演示</title>
<style type="text/css">
fieldset {
	display: inline-block;
	min-width: 140px; border : 1px dashed #ccc;
	margin: 5px;
	padding: 20px;
	-moz-border-radius: 8px; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */
	border-radius: 8px;
	border: 1px dashed #ccc;
}

legend{
	border: none;
}

a {
	text-decoration: none;
}
</style>
</head>

<body>
	<div class="ztheme-title">
		<h3 class="ztheme-title-item">
			第三方插件集合
			<span></span>
		</h3>
	</div>
	<div class="ztheme-post">
		<div class="main-article-contant">
			<fieldset>
				<legend>nanoScrollerJS滚动条</legend>
				<a href="nanoScrollerJS/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>lionbars滚动条</legend>
				<a href="lionbars/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>圆角</legend>
				<a href="ot-ie-css3/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>日期控件</legend>
				<a href="ot-laydate/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>CSS3加载动画</legend>
				<a href="css-spinners/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>Tip插件</legend>
				<a href="poshytip-1.2/index.html" target="_blank">示例</a>
			</fieldset>
			<fieldset>
				<legend>图表插件</legend>
				<a href="ot-highcharts/index.html" target="_blank">示例</a>
			</fieldset>
		</div>
	</div>
</body>
</html>
